refactor(vscode): Refactor overview/designer/monitoring view/connection view classes#9397
Conversation
…delessTestCleanup
…delessTestCleanup
…ds, fix type errors
🤖 AI PR Validation ReportPR Review ResultsThank you for your submission! Here's detailed feedback on your PR title and body compliance:✅ PR Title
✅ Commit Type
✅ Risk Level
✅ What & Why
✅ Impact of Change
✅ Test Plan
✅ Contributors
|
| Section | Status | Recommendation |
|---|---|---|
| Title | ✅ | No change needed |
| Commit Type | ✅ | No change needed |
| Risk Level | ✅ | Medium is correct |
| What & Why | ✅ | No change needed |
| Impact of Change | ✅ | No change needed |
| Test Plan | ✅ | Unit tests present |
| Contributors | ✅ | Credited |
| Screenshots/Videos | Not required (non-visual) |
All checks pass. This PR is compliant with the team template and ready to merge.
Powered by: Copilot CLI (claude-opus-4.8) | Last updated: Fri, 17 Jul 2026 17:08:26 GMT
There was a problem hiding this comment.
Pull request overview
Refactors the VS Code extension’s designer/monitoring/connection view panel architecture toward a more consistent “panel class” pattern (to align with upcoming V2 panel work), while also removing unit-test-related UI/state/models across the designer, designer-v2, designer-ui, and VS Code webview apps.
Changes:
- Refactors VS Code extension panel entrypoints (designer + monitoring + connection view) to use new panel classes and updated command wiring.
- Renames exported panel metadata type (
IDesignerPanelMetadata→DesignerPanelMetadata) and adds new supporting models (ConnectionPanelMetadata,CodeSelection). - Removes unit test view functionality (assertions/mock results/unit-test webviews/state) across multiple packages.
Reviewed changes
Copilot reviewed 178 out of 178 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| libs/vscode-extension/src/lib/models/workflow.ts | Renames and standardizes panel metadata model to DesignerPanelMetadata. |
| libs/vscode-extension/src/lib/models/unitTest.ts | Removes VS Code extension unit test result models. |
| libs/vscode-extension/src/lib/models/project.ts | Removes unitTest project/route entries. |
| libs/vscode-extension/src/lib/models/index.ts | Stops exporting unit test models; exports new codeful models. |
| libs/vscode-extension/src/lib/models/extensioncommand.ts | Removes saveUnitTest command constant. |
| libs/vscode-extension/src/lib/models/connection.ts | Adds ConnectionPanelMetadata contract for connection view panel initialization. |
| libs/vscode-extension/src/lib/models/codeful.ts | Introduces CodeSelection type used for codeful insertion context. |
| libs/logic-apps-shared/src/utils/src/lib/models/unitTest.ts | Removes shared unit test definition-related models. |
| libs/logic-apps-shared/src/utils/src/lib/models/index.ts | Stops exporting unit test models from shared utils. |
| libs/logic-apps-shared/CLAUDE.md | Removes unit-test-specific error handling import guidance. |
| libs/designer/src/lib/ui/panel/panelRoot.tsx | Removes Assertions panel rendering path and adjusts blocking behavior. |
| libs/designer/src/lib/ui/panel/nodeDetailsPanel/usePanelTabs.tsx | Removes unit test-only mock results tab logic. |
| libs/designer/src/lib/ui/panel/nodeDetailsPanel/tabs/mockResultsTab/mockResultsTab.tsx | Deletes mock results tab implementation. |
| libs/designer/src/lib/ui/panel/nodeDetailsPanel/tabs/mockResultsTab/helper.ts | Deletes mock results output filtering helper. |
| libs/designer/src/lib/ui/panel/nodeDetailsPanel/test/usePanelTabs.spec.ts | Updates tests to remove unit test tab expectations. |
| libs/designer/src/lib/ui/CustomNodes/OperationCardNode.tsx | Removes unit test mock status props/wiring from node cards. |
| libs/designer/src/lib/core/store.ts | Removes unitTest slice from designer Redux store. |
| libs/designer/src/lib/core/state/unitTest/unitTestSelectors.ts | Deletes unit test selectors/hooks. |
| libs/designer/src/lib/core/state/unitTest/unitTestInterfaces.ts | Deletes unit test state interfaces. |
| libs/designer/src/lib/core/state/panel/panelTypes.ts | Removes Assertions panel mode/type from panel state types. |
| libs/designer/src/lib/core/state/designerOptions/designerOptionsSlice.ts | Removes isUnitTest option from designer options state initialization. |
| libs/designer/src/lib/core/state/designerOptions/designerOptionsSelectors.ts | Removes useUnitTest selector. |
| libs/designer/src/lib/core/state/designerOptions/designerOptionsInterfaces.ts | Removes isUnitTest option from designer options interface. |
| libs/designer/src/lib/core/index.ts | Removes unit-test serialization + unit-test selector exports. |
| libs/designer/src/lib/core/BJSWorkflowProvider.tsx | Removes unit test definition initialization in provider. |
| libs/designer/src/lib/core/actions/bjsworkflow/serializer.ts | Removes unit test definition serialization and related helpers. |
| libs/designer/src/lib/common/constants.ts | Removes MOCK_RESULTS tab constant. |
| libs/designer/src/lib/test/redux-test-helper.tsx | Removes unit test slice from test store helper. |
| libs/designer-v2/src/lib/ui/panel/panelRoot.tsx | Removes Assertions panel path from v2 panel root. |
| libs/designer-v2/src/lib/ui/panel/nodeDetailsPanel/usePanelTabs.tsx | Removes unit test-only mock results tab logic (v2). |
| libs/designer-v2/src/lib/ui/panel/nodeDetailsPanel/tabs/mockResultsTab/mockResultsTab.tsx | Deletes mock results tab implementation (v2). |
| libs/designer-v2/src/lib/ui/panel/nodeDetailsPanel/tabs/mockResultsTab/helper.ts | Deletes mock results helper (v2). |
| libs/designer-v2/src/lib/ui/panel/nodeDetailsPanel/tests/usePanelTabs.spec.tsx | Updates v2 tests to remove unit test tab expectations. |
| libs/designer-v2/src/lib/ui/panel/test/panelRoot.spec.tsx | Updates v2 panel root tests to remove Assertions panel coverage. |
| libs/designer-v2/src/lib/ui/CustomNodes/OperationCardNode.tsx | Removes unit test mock status props/wiring from v2 node cards. |
| libs/designer-v2/src/lib/ui/CustomNodes/components/card/actionCard.tsx | Removes unit-test-only props/usages from v2 action card. |
| libs/designer-v2/src/lib/ui/CustomNodes/test/OperationCardNode.spec.tsx | Updates v2 node tests to remove unit test hook mocking. |
| libs/designer-v2/src/lib/core/store.ts | Removes unitTest slice from v2 Redux store. |
| libs/designer-v2/src/lib/core/state/unitTest/unitTestSelectors.ts | Deletes v2 unit test selectors/hooks. |
| libs/designer-v2/src/lib/core/state/unitTest/unitTestInterfaces.ts | Deletes v2 unit test state interfaces. |
| libs/designer-v2/src/lib/core/state/panel/panelTypes.ts | Removes Assertions panel mode/type from v2 panel state types. |
| libs/designer-v2/src/lib/core/state/designerOptions/designerOptionsSlice.ts | Removes isUnitTest from v2 designer options state. |
| libs/designer-v2/src/lib/core/state/designerOptions/designerOptionsSelectors.ts | Removes useUnitTest selector (v2). |
| libs/designer-v2/src/lib/core/state/designerOptions/designerOptionsInterfaces.ts | Removes isUnitTest option (v2). |
| libs/designer-v2/src/lib/core/index.ts | Removes unit-test serialization + selector exports (v2). |
| libs/designer-v2/src/lib/core/BJSWorkflowProvider.tsx | Removes unit test definition initialization (v2 provider). |
| libs/designer-v2/src/lib/core/actions/bjsworkflow/serializer.ts | Removes unit test serialization and helpers (v2). |
| libs/designer-v2/src/lib/common/constants.ts | Removes MOCK_RESULTS constant (v2). |
| libs/designer-v2/src/lib/test/redux-test-helper.tsx | Removes unit test slice from v2 test store helper. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/outputMocks.tsx | Deletes unit testing OutputMocks component. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/outputMocks.styles.ts | Deletes OutputMocks styles. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/outputMocks.less | Deletes OutputMocks LESS. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/ouputsSettings.tsx | Deletes outputs settings component for OutputMocks. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/index.tsx | Stops exporting OutputMocks. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/errorDetails.tsx | Deletes unit test error details UI. |
| libs/designer-ui/src/lib/unitTesting/outputMocks/actionResult.tsx | Deletes action result UI for unit test mocks. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/mockStatusIcon.styles.ts | Deletes mock status icon styles. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/mockStatusIcon.less | Deletes mock status icon LESS. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/index.tsx | Deletes mock status icon component. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/empty.tsx | Deletes empty status icon implementation. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/completed.tsx | Deletes completed status icon implementation. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/tests/mockStatusIcon.spec.tsx | Deletes mock status icon tests. |
| libs/designer-ui/src/lib/unitTesting/mockStatusIcon/tests/snapshots/mockStatusIcon.spec.tsx.snap | Deletes mock status icon snapshots. |
| libs/designer-ui/src/lib/unitTesting/conditionExpression/conditionExpression.styles.ts | Deletes condition expression styles. |
| libs/designer-ui/src/lib/unitTesting/conditionExpression/conditionExpression.less | Deletes condition expression LESS. |
| libs/designer-ui/src/lib/unitTesting/conditionExpression/tests/conditionExpression.spec.tsx | Deletes condition expression tests. |
| libs/designer-ui/src/lib/unitTesting/conditionExpression/tests/snapshots/conditionExpression.spec.tsx.snap | Deletes condition expression snapshots. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/index.ts | Deletes assertions panel exports. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/assertions.tsx | Deletes assertions panel UI. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/assertions.less | Deletes assertions panel LESS. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/assertionField.tsx | Deletes assertion field UI. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/assertionButtons.tsx | Deletes assertion buttons UI. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/assertion.tsx | Deletes assertion item UI. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/tests/assertions.spec.tsx | Deletes assertions panel tests. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/tests/assertion.spec.tsx | Deletes assertion tests. |
| libs/designer-ui/src/lib/unitTesting/assertionsPanel/tests/snapshots/assertions.spec.tsx.snap | Deletes assertion snapshots. |
| libs/designer-ui/src/lib/styles.less | Removes unitTesting LESS imports from global styles. |
| libs/designer-ui/src/lib/overview/runhistory.tsx | Removes unit-test support prop from run history contract. |
| libs/designer-ui/src/lib/overview/index.tsx | Removes unit-test support prop plumbing in overview component. |
| libs/designer-ui/src/lib/index.ts | Stops exporting unit testing components. |
| libs/designer-ui/src/lib/card/index.tsx | Removes unit-test mock status icon from card rendering and props. |
| LESS_FILES_MIGRATION_ANALYSIS.md | Removes unit testing LESS entries from migration analysis. |
| docs/plans/2025-01-14-monaco-to-codemirror-implementation.md | Removes a unit-testing task section from the plan doc. |
| docs/plans/2025-01-14-monaco-to-codemirror-design.md | Removes unitTesting mention from migration design doc. |
| docs/ai-setup/packages/logic-apps-shared.md | Removes unit-test error handling import guidance. |
| apps/vs-code-react/src/stateWrapper.tsx | Removes navigation handling for unitTest project. |
| apps/vs-code-react/src/state/WorkflowSlice.ts | Removes supportsUnitTest from workflow state. |
| apps/vs-code-react/src/state/UnitTestSlice.ts | Deletes UnitTest Redux slice for the webview app. |
| apps/vs-code-react/src/state/store.ts | Removes unitTest reducer registration. |
| apps/vs-code-react/src/state/LanguageServerSlice.ts | Updates metadata type name to DesignerPanelMetadata. |
| apps/vs-code-react/src/state/DesignerSlice.ts | Removes unit test state/definition wiring; updates metadata type name. |
| apps/vs-code-react/src/run-service/types.ts | Updates message contract to DesignerPanelMetadata. |
| apps/vs-code-react/src/router/index.tsx | Removes unit test route/view. |
| apps/vs-code-react/src/intl/messages.ts | Removes unit-test-specific message definitions and related designer strings. |
| apps/vs-code-react/src/intl/index.ts | Stops exporting unitTestMessages. |
| apps/vs-code-react/src/app/unitTest/unitTestStyles.ts | Deletes unit test results view styles. |
| apps/vs-code-react/src/app/unitTest/index.tsx | Deletes unit test results view implementation. |
| apps/vs-code-react/src/app/overview/app.tsx | Stops passing supportsUnitTest into Overview UI. |
| apps/vs-code-react/src/app/overview/test/app.test.tsx | Updates overview tests to remove supportsUnitTest. |
| apps/vs-code-react/src/app/designer/utilities/runInstance.ts | Deletes run instance mock generation utility for unit tests. |
| apps/vs-code-react/src/app/designer/servicesHelper.ts | Updates metadata type name to DesignerPanelMetadata. |
| apps/vs-code-react/src/app/designer/DesignerCommandBar/test/indexV2.test.tsx | Updates command bar tests to remove unit test commands/props. |
| apps/vs-code-react/src/app/designer/appV2.tsx | Removes unit test init/props and run-mock generation in v2 designer host. |
| apps/vs-code-react/src/app/designer/app.tsx | Removes unit test init/props and run-mock generation in v1 designer host. |
| apps/vs-code-react/src/app/designer/test/app.test.tsx | Updates designer app tests to remove unit test state fields. |
| apps/vs-code-react/src/test/stateWrapper.test.tsx | Removes unitTest navigation test case. |
| apps/vs-code-designer/test-setup.ts | Removes unitTest webview key from test setup. |
| apps/vs-code-designer/src/test/e2e/integration/projectOutsideWorkspace.test.ts | Removes unit test-related message assertions. |
| apps/vs-code-designer/src/test/e2e/integration/designerOpens.test.ts | Removes unit test panel title logic/tests; updates webview key list. |
| apps/vs-code-designer/src/main.ts | Removes disposal of unit test controller on deactivate. |
| apps/vs-code-designer/src/extensionVariables.ts | Removes unit test controller/test explorer state from extension globals. |
| apps/vs-code-designer/src/constants.ts | Removes unit test filenames/dirs/settings/events/constants. |
| apps/vs-code-designer/src/app/utils/unitTest/test/unitTest.test.ts | Renames/imports unit test utility module and updates error message expectation. |
| apps/vs-code-designer/src/app/utils/customCodeUtils.ts | Broadens targetFramework type parameter for custom code csproj detection helper. |
| apps/vs-code-designer/src/app/tree/unitTestTree/testWorkspace.ts | Deletes unit test tree workspace node implementation. |
| apps/vs-code-designer/src/app/tree/unitTestTree/testWorkflow.ts | Deletes unit test workflow tree node implementation. |
| apps/vs-code-designer/src/app/tree/unitTestTree/testFile.ts | Deletes unit test file tree node implementation. |
| apps/vs-code-designer/src/app/commands/workflows/unitTest/createUnitTestFromRun.ts | Refactors imports/telemetry/error messaging for unit test creation from run. |
| apps/vs-code-designer/src/app/commands/workflows/unitTest/createUnitTest.ts | Refactors imports/command wiring for unit test creation. |
| apps/vs-code-designer/src/app/commands/workflows/unitTest/codelessUnitTest/openUnitTestResults.ts | Deletes unused unit test results webview implementation. |
| apps/vs-code-designer/src/app/commands/workflows/unitTest/codelessUnitTest/editUnitTest.ts | Deletes unused unit test editor entrypoint. |
| apps/vs-code-designer/src/app/commands/workflows/unitTest/test/createUnitTest.test.ts | Updates unit test command tests for refactored import paths. |
| apps/vs-code-designer/src/app/commands/workflows/openOverview.ts | Refactors monitoring view import path; removes unit test support payload. |
| apps/vs-code-designer/src/app/commands/workflows/openMonitoringView/openMonitoringView.ts | Deletes old monitoring view entrypoint wrapper. |
| apps/vs-code-designer/src/app/commands/workflows/openDesigner/openDesigner.ts | Deletes old designer entrypoint wrapper. |
| apps/vs-code-designer/src/app/commands/workflows/monitoringView/panels/remoteMonitoringPanel.ts | Refactors remote monitoring panel into new class pattern + updated metadata typing. |
| apps/vs-code-designer/src/app/commands/workflows/monitoringView/panels/monitoringPanel.ts | Introduces/renames base monitoring panel class derived from designer panel base. |
| apps/vs-code-designer/src/app/commands/workflows/monitoringView/panels/test/remoteMonitoringPanel.test.ts | Updates tests for renamed/refactored remote monitoring panel class. |
| apps/vs-code-designer/src/app/commands/workflows/monitoringView/openMonitoringView.ts | Adds new monitoring view entrypoint using new panel classes + telemetry. |
| apps/vs-code-designer/src/app/commands/workflows/designer/panels/remoteDesignerPanel.ts | Refactors remote designer panel into new class pattern + updated metadata typing. |
| apps/vs-code-designer/src/app/commands/workflows/designer/panels/test/remoteDesignerPanel.test.ts | Updates tests for renamed/refactored remote designer panel class. |
| apps/vs-code-designer/src/app/commands/workflows/designer/panels/test/designerPanel.test.ts | Updates tests for renamed base designer panel class. |
| apps/vs-code-designer/src/app/commands/workflows/designer/openDesigner.ts | Adds new designer entrypoint that chooses local vs remote panel and handles missing node. |
| apps/vs-code-designer/src/app/commands/workflows/connectionView/panels/test/connectionPanelRace.test.ts | Updates connection panel tests for refactor/renames + updated base class mocking. |
| apps/vs-code-designer/src/app/commands/workflows/connectionView/panels/test/connectionPanel.test.ts | Updates imports for renamed connection panel module. |
| apps/vs-code-designer/src/app/commands/workflows/connectionView/openConnectionView.ts | Adds new connection view entrypoint to construct and create the connection panel. |
| apps/vs-code-designer/src/app/commands/workflows/test/openOverview.test.ts | Updates monitoring view import path and expectations for supportsUnitTest removal. |
| apps/vs-code-designer/src/app/commands/registerCommands.ts | Rewires designer + connection view command entrypoints to new module locations. |
| apps/vs-code-designer/src/app/commands/dataMapper/DataMapperPanel.ts | Removes wrapper sendMsgToWebview and posts messages directly. |
| apps/Standalone/src/designer/state/workflowLoadingSlice.ts | Removes unit test view state and reducer action from standalone loader. |
| apps/Standalone/src/designer/state/workflowLoadingSelectors.ts | Removes useIsUnitTestView selector. |
| apps/Standalone/src/designer/state/historyHelpers.ts | Stops persisting unit test view state in history. |
| apps/Standalone/src/designer/app/SettingsSections/contextSettings.tsx | Removes “Unit Test View” toggle and related behavior. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/laDesignerV2.tsx | Removes isUnitTest option wiring in standalone designer v2 host. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/laDesignerConsumptionV2.tsx | Removes hardcoded isUnitTest={false} prop. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/laDesignerConsumption.tsx | Removes hardcoded isUnitTest={false} prop. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/laDesigner.tsx | Removes isUnitTest option wiring in standalone designer v1 host. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/DesignerCommandBarV2.tsx | Removes unit test save/assertions menu actions and related validation. |
| apps/Standalone/src/designer/app/AzureLogicAppsDesigner/DesignerCommandBar.tsx | Removes unit test save/assertions command bar actions and related validation. |
| .github/workflows/issue-triage-agent.md | Updates docs to remove v2 unit test slice reference. |
| .github/lib-descriptions/vscode-extension.md | Updates library description to remove unit test model mention. |
| .github/lib-descriptions/designer.md | Updates designer library description to remove unit test serialization/slice/panels. |
| .github/lib-descriptions/designer-v2.md | Updates v2 description to remove unit test slice/panel mentions. |
| .github/lib-descriptions/designer-ui.md | Updates designer-ui description to remove unit testing component mention. |
| .github/instructions/logic-apps-shared.instructions.md | Removes unit-test error handling import guidance. |
…codeDesignerRefactor
📊 Coverage CheckThe following changed files need attention: ❌
Please add tests for the uncovered files before merging. |
Some of the files it's complaining have 0% coverage don't exist anymore... also 75% coverage should not trigger a warning this is excessive. Bot needs to be fixed |
…up, otherwise dispose cached panel and re-init
Commit Type
Risk Level
What & Why
Refactors overview/designer/monitoring view/connection view classes to follow more consistent pattern in preparation for new corresponding V2 designer classes. Addresses some linting errors as well.
Impact of Change
Test Plan
Contributors
@andrew-eldridge